<!DOCTYPE html> <!-- 文档声明头 -->
<html lang="en"> <!-- lang 语言属性 "en" 英文  "zh" 中文  lang="zh" -->
<head> <!-- meta、title、base、link、style、script -->
    <meta charset="UTF-8">
    <title>基本结构</title> <!-- 唯一必须的元素 -->
    <script>
        var a,b,c = 4; a = "2";b = 2;
        c = a + b;
        console.log(c)

    </script>
</head>
    <body> <!-- 唯一必须的元素 -->
        <a href="https://www.baidu.com/" hreflang="en">Go To BaiDu</a>
    <hr>
        <h1>我</h1>
        <h2>我</h2>
        <h3>我</h3>
        <h4>我</h4>
        <h5>我</h5>
        <h6>我</h6>
        <font size="5" color="#ffcf3d">我</font><br>
        <!-- 文本元素解析 -->
        b标签 表示关键字和产品名称：<b>B标签</b> <br/>
        strong标签 表示重要的文字：<strong>strong标签</strong> <br/>
        Thisabc<wbr>dkeedkslakdj<wbr>fkdlsakd is apple. <br/>
        i标签：<i>倾斜效果</i> <br/>
        em标签（表示强调）：<em>表示强调的倾斜效果</em> <br/>
        s标签（表示不准确）：<s>表示不准确</s> <br>
        del标签（表示确定的删除）： <del>表示确定的删除效果</del> <br>
        u标签：<u>表示下划线效果</u> <br>
        ins标签：<ins>表示强调语义的下划线效果</ins> <br>

        <small>免责或者澄清说明</small> 正常文本效果<br>
        H<sub>2</sub>O  X<sup>2</sup> <br>
        <code>HTML5</code>  <var>HTML5</var>  <samp>HTML5</samp>
        <kbd>yuluomoshang</kbd> yuluomoshang<br>
        <dfn id="one">计算机科学与技术</dfn> <br>
        <q>表示内容引用</q>  <cite>引用其他作品的标题</cite> <br>
        <br>
        <ruby>
            饕<rp>(</rp><rt>tao</rt><rp>)</rp>
            餮<rp>(</rp><rt>tie</rt><rp>)</rp>
        </ruby>
        <br>
        <bdo dir="rtl">用于设置文字方向的</bdo> <br>
        <mark>显示文本</mark> <br>
        <span style="background-color: #0a9244">行内元素</span>
        <div style="width: 300px;height: 100px;background-color: red">块级元素特性，独占一行</div>
        <img src="ec.JPG" alt="">
    </body>
</html>